@import "../base";

//列表
.list-fyxm-xmlb {
	.list-table table  { 
		th,td { vertical-align: middle; } .list-status:before { top: 37.5px; }
		//标题和简介
		.list-title {
			i { .diA(48px,48px); .center; .lh(48px); background: rgba(0,0,0,.25); .fzz(26px); .bradius(4px); .c; }
			.list-t-text {
				.wh(percentage(320/420), auto); display: inline-block; .pal(20px);
				h3 { .fzz(14px); .cb85; .onewrap; .mb(5px); }
				p { .fzz(14px); .cb45; .onewrap; }
			}
		}
		//起止时间
		.list-time {
			.cb45;
			&>div:first-child { .mb(5px); }
		}
		//进度条//默认灰色
		.list-bar {
			//进度条样式
			.list-bar-shape { .diA(70%,6px); .bradius(3px); .bg(#F5F5F5); .mt(21.5px); .pr; }
			//进度条数值
			.list-bar-num { .diA(auto,auto); .lh(48px); .c(#8C8C8C); font-family: Helvetica; .pal(5px); }
		}

		//橙色
		.xmlb-list-orange {
			.list-title { i { .bg(#FFBF00); } }
			.list-bar {
				.list-bar-shape:before { content: ''; .pa; top: 0; left: 0; .wh(50%,6px); .bradius(3px); .bg(#FFBF00); }
			}
			.house-d3-gray:before { .bg(#FFBF00); }
		}

		//蓝色
		.xmlb-list-blue {
			.list-title { i { .bg(#1890FF); } }
			.list-bar {
				.list-bar-shape:before { content: ''; .pa; top: 0; left: 0; .wh(50%,6px); .bradius(3px); .bg(#1890FF); }
			}
			.house-d3-gray:before { .bg(#1890FF); }
		}

		//绿色
		.xmlb-list-green {
			.list-title { i { .bg(#52C41A); } }
			.list-bar {
				.list-bar-shape:before { content: ''; .pa; top: 0; left: 0; .wh(50%,6px); .bradius(3px); .bg(#52C41A); }
			}
			.house-d3-gray:before { .bg(#52C41A); }
		}
	}
}